<template>
	<view class="">
		
	
	<view class="reservation">
		<view class="t1">基本信息</view>
		<view class="res1">
			<text>近照</text>
			<text>姓名</text>
			<text>ID</text>
			<text>性别</text>
			<text>年龄</text>
			<text>爱好特长</text>
			<text>健康状况</text>
			<text>联系方式</text>
			<text>通信地址</text>
		</view>
		<view class="res2">
			<image class="img1" src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkzszbf81j602s02sweh02.jpg" mode=""></image>
			<text>李晓峰</text>
			<text>姓名</text>
			<text>2132131</text>
			<text>男</text>
			<text>65</text>
			<text>音乐跑步</text>
			<text>手部残疾</text>
			<text>13888888888</text>
			<text>上海市</text>
		</view>
	</view>
	   <view class="">
	   	   <view class="t2">
	   	   	  亲属信息
	   	   </view>
		   <view class="t3">
		   	<text>李艺铭</text> <text>儿子</text> <text>1388888888</text>
		   </view>
		   <view class="t4">
		   	<text>李小霞</text> <text>女儿</text> <text>1388888888</text>
		   </view>
	   </view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.img1{
		width: 75rpx;
		height: 75rpx;
	}
	.res1{
		width: 200rpx;
		display: flex;
		flex-direction: column;
		margin-top: 120rpx;
		margin-left: -50rpx;
		line-height: 70rpx;
	}
	.reservation{
		display: flex;
	}
	.res2{
		width: 200rpx;
		display: flex;
		flex-direction: column;
		margin-top: 100rpx;
		line-height: 65rpx;
	}
	.t1{
		font-weight: 700;
		font-size: 28rpx;
		margin-top: 40rpx;
		margin-left: 40rpx;
	}
	.t2{
		font-weight: 700;
		font-size: 28rpx;
		margin-left: 40rpx;
		margin-top: 20rpx;
	}
	.t3,.t4{
		display: flex;
		justify-content: space-around;
		margin-top: 30rpx;
	}
</style>
